<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.c1{
		border-width: 5px;
		border-color: red;
		border-style: solid;
	}
	.c2{
		/* 虚线边框 */
		border: 5px red dashed;
	}
	.c3{
		/* 点画线边框 */
		border: 5px red dotted;
	}
	.c4{
		border-top: 5px red dotted;
		border-left: 5px blue solid;
		border-bottom: 5px red dashed;
		border-right: 5px blue solid;
	}
</style>
</head>
<body>
<h1>实线边框</h1>
<img src="fj1.jpg" class="c1"/>
<h1>虚线边框</h1>
<img src="fj1.jpg" class="c2"/>
<h1>点画线边框</h1>
<img src="fj1.jpg" class="c3"/>
<h1>给不同的边框设置样式</h1>
<img src="fj1.jpg" class="c4"/>
</body>
</html>